<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="12">
                <DishSalesList></DishSalesList>
            </el-col>
            <el-col :span="12">
                <EmployeeDistribution></EmployeeDistribution>
            </el-col>
        </el-row>

        <el-row style="margin-top: 10px" :gutter="20">
            <el-col :span="24">
                <SaleChart></SaleChart>
            </el-col>

        </el-row>
        <!--
            1.做一个每天的订单统计图（柱状图）
            2.各个角色的人数（圆饼图）
            3.每个星期的销售额(折线图)
        -->

    </div>
</template>

<script>
import DishSalesList from "../components/DishSalesList";
import EmployeeDistribution from "../components/EmployeeDistribution";
import SaleChart from "../components/SaleChart";

export default {
        name: "Operate",
        components:{
            DishSalesList,
            EmployeeDistribution,
            SaleChart
        }
    }
</script>

<style scoped>

</style>
